﻿* {
    /*font-family: 'Bookman Old Style', 'Lucida Sans', Calibri;*/
}

body {
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 27%;
    padding-bottom:12%;
    font-size: .85em;
    font-family: "Garamond, Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: white; 
}

/*hello please virkaðu heimska drasl*/
#container h1 
{
    /*margin-top: -5px;*/
    margin-top: 30px;
}

#container  h1 > a 
{
        box-shadow: 0 0 10px black;
        display: block;
        height: 20%;
}

.Logo 
{
     width: 100%;
}

#Register legend
{
    color: #0069CD;
    font-weight: 700;
    margin-top: 2px;
}

#Register 
{
    color: black;
    /*background-image:url(http://us.wallpapersking.com/Big6/Yuan/19201200/200823/12310166.jpg);*/
    border: 0;
    font-size: 20px;
    padding: 20px 20px;
    float: right;
    width: 40%;
    display: grid;
    margin-top: 60px;
    font-weight: bold;
    box-shadow: 0 0 10px black;
}

.RegisterTable input[type="text"], .RegisterTable input[type="password"]
{
    width: 60%;
    font-size: 125%;
    height: 12%;
    padding: 5px;
    margin: 4px;
}

#RegisterButton input[type="submit"]
{
    text-align: center;
    width: 40%;
    font-size: 100%;
    height: 12%;
    padding: 5px;
    margin: 4px; 
}

html, body, #container 
{
    height: 100%;     
}


body > #container 
{
    height: auto;
    min-height: 100%;
}

#wrapperIndexHome 
{
    float: left;
    width: 40%;
    color: #0069CD;
    margin-right: 20px;
}

#wrapperIndexHome .TopGame {
    /*background-image:url(http://us.wallpapersking.com/Big6/Yuan/19201200/200823/12310166.jpg);
    */
    color: black;
    margin-bottom:10px;
    padding-left:10px;
    padding-top: 5px;
    padding-bottom: 10px;
    box-shadow: 0 0 10px black;
    width:120%;
}

.TopGame p 
{
    margin-left: 90px;
    color: black;   
}

.TopGame img 
{
    border: 1px solid black;
	float: left;
}   

/*Kóða að hluta til feginn hérna: http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/ */
#PageFooter 
{
    clear: both;
    /*position: relative;*/
    z-index: 10;
    height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: black;
    font-weight: 600;
    /*padding-bottom: 80px;*/
    padding-left: 10px;
    box-shadow: 0 0 10px black;
    width: 100%;
}

#PageFooterBackground img
{
    width: 100%;
    height: 100px;
}

#PageFooterText 
{
    position: absolute;
    width: 80%;
}
    #PageFooter > p 
    {
        padding-top: 5px;
    }

#content
{
     padding-bottom: 3em; 
}


/*header, footer, nav, section 
    {
    display: block;
    }*/


/* Login-Logout
-----------------------------------------------------------*/
/*
.PageHeader 
{
    border: 1px solid black;
    background-image: url(https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-ash4/3568_10152405543302195_560377175_n.jpg);
    background-size: 100%;
    height: 120px;
}
    */
/*
#loginForm 
{
    position: absolute;
    left: 65%;

}
#logoutForm 
{
    position: absolute;
    left: 80%;
}*/

#logoutButton 
{
    float: right;
    padding-top: 8px;
}

#nameAtLogout 
{
    color: black;
    float: left;
    text-align: right;
    width: 90%;
    padding: 10px;
    font-weight: 700;
}
    
#smu 
{
    color: black;
}

#smu:hover 
{
    color: blue;
}


#US 
{
    margin-top: 1%;
    float: right;
    width: 170px;
    color: black;
}
    #US > p 
    {
        margin-bottom: 5px;
        font-weight: 600;
    }

#PW {
    margin-top: 1%;
    float: right;
    width: 170px;
    color: black;

}
    #PW > p 
    {
        margin-bottom: 5px;
        font-weight: 600;
    }

#loginButton 
{
    float: right;
    width: 80px;
    padding-top: 1%;
}
    #loginButton > input 
    {
        margin-bottom: 5px;
    }
#forgotLink 
{
    float: right;
    width: 80px;
    padding-top: 1%;
    margin-right: 30px;
}
    #forgotLink > a 
    {
            margin-bottom: 5px;        
    }

/* Styles for basic forms
-----------------------------------------------------------*/
/*fieldset 
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend 
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin: 0.5em 0 0 0;
}*/


/* Styles for validation helpers
-----------------------------------------------------------*/
/*.field-validation-error 
{
    color: #f00;
}

.field-validation-valid 
{
    display: none;
}

.input-validation-error 
{
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors 
{
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid 
{
    display: none;
}*/

/* DropDownList
-----------------------------------------------------------*/

#wrapper 
{
    float: right;
    width: 100%;
}

#Navigation 
{
    margin: 0;
    padding: 0;    
}

#Navigation ul 
{
    margin: 0;
    padding: 0;
    line-height: 30px;
    background-color: lightgrey;
}

#Navigation ul li 
{
    margin: 0;
    padding: 0;
    list-style: none;
    float:left;
    width: 33.33%;
    position: relative;
}

#Navigation ul li a 
{
    text-align: center;
    text-decoration:none;
    font-size: 16px;
    height: 30px;
    width: auto;
    display: block;
    color: #0069CD;
    background-color: #8DE8F2;
}

#Navigation ul li ul li 
{
    float: none;
    width: 100%;
     
}

#Navigation ul li ul li a
{
      text-align: center;   
} 

#Navigation ul ul 
{
    text-align: center;
    width: 100%;
    position: absolute;
    visibility: hidden;
    top: 30px;
}

#Navigation ul li ul li a
{
    border-bottom: 2px solid white;
}

#Navigation ul li ul li:hover a
{
     background-color: #DEE9FF;
}

#Navigation ul li:hover ul 
{
    visibility: visible;
}

/* Innranet
-----------------------------------------------------------*/

#LeftInnranet
{
	float: left;
	width: 40%;
	margin-left: 20px;
    color: black;
    font-size: 14px;
}

#LeftInnranet fieldset#News
{
    color: #0069CD;
    font-weight: 700;
    border: 0;
    box-shadow: 0 0 10px black;
}

    #LeftInnranet fieldset#NewsMessage 
    {
        margin-top: 10px;
        color: black;
    }

#RightInnranet
{
	float: right;
	width: 40%;
	margin-right: 20px;
}

#RightInnranet #NewGames
{
	border-bottom: 1px solid white; 
	margin-bottom: 20px;
	margin-left: 10px;
    color: #0069CD;
}

#RightInnranet #NewGames img
{
	width: 20%;
	height: 20%;
	box-shadow: 0 0 10px black;
	margin-right: 20px;
	margin-bottom: 10px;
}

#RightInnranet #PopularGames
{
	border-bottom: 1px solid white;
	margin-bottom: 20px;
	margin-left: 10px;
    color: #0069CD;
}

#RightInnranet #PopularGames img
{
	width: 20%;
	height: 20%;
	box-shadow: 0 0 10px black;
	margin-right: 20px;
	margin-bottom: 10px;
}

#RightInnranet #Top10 h2 
{
    color: #0069CD;
}

#RightInnranet #Top10 table
{
	box-shadow: 0 0 10px black;
	padding-left: 5px;
    margin-bottom: 20px;
    color: black;
    padding-right: 120px;
}

/* leikjaflokkarsíða
-----------------------------------------------------------*/


.gameCatagory
{
    float: left;
    width: 43.5%;
    height: 300px;
    box-shadow: 0 0 10px black;
    margin: 2%;
    padding: 1%;
    color: #0069CD;
}

.gameCatagoryTitle
{
    float: right;
    width: 55%;
}

.catagoryPic
{
    margin: 2%;
    float: left;
    width: 40%;
}

.gameCatagory p 
{
    color: black;
}

/* samstæðuspil
--------------------------*/



.cardSlots
{
    float: left;
    width: 80px;
    height: 100px;
    margin: 10px;
}


.cardBack img
{
    float: left;
    width: 80px;
    height: 100px;
    position: absolute;
}

.cardFront img
{
    width: 100%;
}

#pairGameWindow
{
    float: left;
    width: 65%;   
}

#pairGameSideWindow
{
    float: left;
    width: 30%;
    height: 480px;
    border-left: 1px solid black;
    padding: 10px;
}

#pairGameContent
{
    float: left;
    width: 100%;
}

#pairGameChatText
{
    float: left;
    width: 200px;
    height: 250px;
    border: 1px solid black;
    overflow: auto;
    list-style-type: none;
}

/*Ludoboard
.......................................*/

#TableForLudo .tab1 
{
    background-color: blue;
}

#TableForLudo .tab2 
{
    background-color: yellow;
}

#TableForLudo .tab3 
{
    background-color: red;
}

#TableForLudo .tab4 
{
    background-color: green;
}

#TableForLudo td 
{
    height: 20px;
    width: 20px;
    border: 1px solid black;
}

#TableForLudo .ped 
{
    height: 20px;
    width: 20px;
}

#TableForLudo 
{
    float: left;
    padding-bottom: 20px;
    padding-left: 250px;
}

#DiceForLudo 
{
    float: left;
    width: 30%;
    padding-left: 10px;
}

#DiceForLudo #Teningur
{
    width: 100px;
    height: 100px;
}

#DiceForLudo #TextboxDice 
{
    width: 18px;
    height: 20px;
    background-color: white;
    box-shadow: 0 0 10px black;
    font-size: 18px;
    color: black;
}
    
/*  thumbnail fyrir leiki
-------------------------------------------*/
.gameThumbnail
{
    margin-right: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 0 10px black;
    width: 45%;
}

.gameImage
{
    float: left;
    border: 1px solid black;
    margin-top: 10px;
}

.gameName
{
    color: #0069CD;
    padding-left: 15px;
    padding-right: 2px;
    margin-top: 5px;
    float: left;
}

.gameDescription
{
    color: black;
    margin-left: 90px;
    margin-top: 40px;
    padding-left: 4px;
    padding-right: 4px;
}

/*CreatePairGame
-----------------------------------------------*/
.NameOfTheGame {
    margin-right: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 0 10px black;
    width:45%;
}

.NameOfTheGame h3 
{
    color: #0069CD;
}

/*Prófíll
----------------------------------------------*/

#profileImg img
{  
    float: left;
    height: 100px;
    width: 100px;
}
#profileIDiv h3 
{
    color: #0069CD;
}

.MPImg 
{  
    border: 1px solid black;
    float: left;
    height: 100px;
    width: 100px;
    margin-right: 10%;
}

#profileInfo 
{
    float: left;
    color: black; 
}
    #profileInfo ul li 
    {
        list-style: none;
    }

.profileMPlayed 
{
    float: left;
    width: 40%;
    box-shadow: 0 0 10px black;
    margin: 2%;
    padding-left: 10px;
    padding-bottom: 10px;
}

#profileMPDiv
{
    border-top: 1px solid black;
    float: left;
    width: 100%;
    margin-top: 30px;
}
    #profileMPDiv h2 
    {
        color: #0069CD;
    }

.profileMPHighScore
{
    float: left;
    width: 30%;
}

#profileEditButton
{
    float: right;
    margin-top: 40px;
    padding-left: 20px;
}

#EditProfile ul
{
    list-style-type: none;
}

/*GamesInProgress
----------------------------------------------*/
.GamesVariety 
{
    padding: 5px 5px;
    margin-bottom: 15px;
    margin-right: 10px;
    box-shadow: 0 0 10px black;
    width: 30%;
    float: left;
    background-color: #F0EDFF;
}
    .GamesVariety h3 
    {
        color: #0069CD;
    }
    .GamesVariety h4 
    {
        margin-top: -15px;
        font-style: italic;
        font-size: 11px;
    }

/*Stats
-------------------------------------------------------------*/
#StatsStigametLeiks1 
{
    float: left;
    margin-right: 50px;
    border: solid;
    padding: 10px;
}

#StatsStigametLeiks1 h3, p
{
    text-align: center;
}


#StatsStigametLeiks2 
{
    float: left;
    border: solid;
    padding: 10px;
}

#StatsStigametLeiks2 h3
{
    text-align: center;
}

#BestuSpilarar 
{
    float: right;
    width: 400px;
    height: 200px;
    text-align: center;
}

.BestuSpilararTafla 
{
    width: 100%;
    
}

#BestuSpilararHead 
{
    width: 100%;
    height: 20%;
}

#BestuSpilararBody 
{
    overflow: auto;
    width: 100%;
    height: 100%;
}

/*ProfilePoints
    --------------------------------------------------------*/

#PPTable 
{
    float: left;
    width: 1000px;
    height: 800px;
    border: solid;
}

#PPHead 
{
    width: 100%;
    height: 5%;
}

#PPBody 
{
    width: 30%;
    height: 10px;
}

    #PPBody td 
    {
        border: solid;
        width: 30%;
    }

#PPList
{
    overflow-y: scroll;
    float: right;
    border: none;
    width: 100px;
    height: 800px;
    padding: 0px;
    margin: 0px;
}

#PPList li
{
    border: solid;
    list-style-type: none;
    width: 92%;
}
